<div class="row">
    <div class="large-4 medium-4 columns">
        <a href="{base_url()}"> <img alt="TinhNQ.com" src="{base_url()}images/TINHNQLOGO200x100.png"></a>
    </div>
    <div class="large-8 medium-8 columns text-right">
        <div class="fb-like" data-href="{base_url()}" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>
    </div>
</div>

<div class="row" id="main">
    <div class="large-8 columns bg-white" id="f_intro">
        <div class="padding20 bg-amber">
            <h1 class="ntm fg-white"><span class="icon-book"></span> Năm giáp ngọ 2014</h1>
            <p class="fg-white">
            Theo "Tướng số học Phương Đông" người sinh năm 2014, Giáp Ngọ, có Ngũ hành năm sinh là Sa Trung Kim (vàng trong cát).
            Nhưng mệnh cung của nam giới khác với của nữ giới.<br/>
            Năm 2014 là mạng (mệnh) Kim (Sa trung kim – vàng trong cát) do vậy sinh vào mùa Thu và các tháng Tứ Quý là tốt (Tứ Quý là các tháng 3, 6, 9, 12).<br/>
            </p>
        </div>
        <br/>
    </div>
    <div class="large-4 columns">
        <a href="{base_url()}vova/index/#main" class="large-12 medium-3 radius button success fg-white subheader padding20">
            Xem Truyện Cười&nbsp;&nbsp;<span class="icon-smiley"></span>
        </a>
        <a href="#main" onclick="OpenShareDialog('{$current_url}', '{$image}');" class="subheader large-12 medium-3 radius button fg-white padding20">
            Đăng lên tường&nbsp;&nbsp;<span class="icon-facebook"></span>
        </a>
    </div>
</div>
<div class="row">
    <div class="large-8 columns" id="siteloader">
        <div class="large-12 padding20 bg-grayLighter" style="min-height: 320px;">
            <div class="place-right subheader-secondary clearfix" id="f_browser">
                <span class="icon-IE on-left-more"></span>
                <span class="icon-chrome on-left-more"></span>
                <span class="icon-firefox on-left-more"></span>
                <span class="icon-opera on-left-more"></span>
                <span class="icon-safari"></span>
            </div>
            {if isset($data)}
            <input type="hidden" value="{$data['ages']|capitalize}" name="ptitle" id="ptitle">
            <input type="hidden" value="{$data['contents']|escape|truncate:200}" name="pcontent" id="pcontent">
            <h2 class="ntm"><span class="icon-smiley"></span>&nbsp;&nbsp;{$data.ages|capitalize}</h2>
            <div class="row" align="center">
                <div class="image-container shadow margin10" style="width:300px;">
                    <img src="{base_url()}{$data.image}" alt="{$data.ages}">
                    <div class="overlay-fluid">
                        Xem tử vi năm Giáp Ngọ 2014 cho {$data.ages}
                    </div>
                </div>
            </div>
            <div class="row"></div>
            <p>
                {$data['contents']|nl2br}
            </p>
            {else}
            <h2>Không tồn tại dữ liệu</h2>
            {/if}
        </div>
        <br/>
        <div class="fb-like" data-href="{$current_url}" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
        <div class="fb-comments" data-href="{$current_url}" data-numposts="5" data-colorscheme="light"></div>
    </div>
    <div class="large-4 columns">
        <table class="table hovered">
            <thead>
                <tr><th class="text-left ribbed-lightPink"><span class="subheader icon-yelp"></span>&nbsp;&nbsp;Các tuổi khác</th></tr>
            </thead>
            <tbody>
            {foreach from=$listTitle item=value}
                <tr class=""><td><a href= "{$value.url}#main"><span class="icon-thumbs-up"></span>&nbsp;&nbsp;{$value.ages|capitalize}</a></td></tr>
            {/foreach}
            </tbody>
        </table>
    </div>
</div>
